{% extends 'layout.html' %}
{% load staticfiles %}
{% block css %}
    <style>
        input.rename-input {
            width:32px;
            border-width: 0px;
            height: 32px;
            font-size: 14px;
            padding-left: 12px;
        }

        .del-sheet {
            display: block;
            text-align: center;
            width: 100%;
        }

        .rename {
            display: block;
            text-align: center;
            width: 100%;
        }

        .sheet-tab {
            padding: 0 5px;
        }

        .distribute-area {
            position: absolute;
            left: 0;
            right: 0;
            top: 100px;
            bottom: 0;
            overflow: auto;
            white-space: nowrap;
            width: 100%;

        }

        .distribute-area > .cls-row {
            border: 1px solid #dddddd;
            display: inline-flex;

        }

        .distribute-area > .cls-row > .row-item {
            float: left;
            border-right: 1px solid #dddddd;
            height: 80px;
            min-width: 80px;
            padding: 5px;
            font-size: 12px;
            flex-wrap: nowrap;
            justify-content: flex-start;

        }

        .distribute-area > .cls-row > .row-item > .title {

        }

        .clearfix:after {
            content: "";
            display: block;
            clear: both;
        }

        .insert-row-col-input {
            margin: 0 8px;
            padding: 1px;
            width: 32px;
            border-radius: 2px;
            text-align: center;
            -webkit-box-shadow: 0 1px 2px #ddd inset;
            box-shadow: 0 1px 2px #ddd inset;
            border: 1px solid #ccc;
            color: #333;
        }

        body, div, input, li, p, ul {
            margin: 0;
            padding: 0;
            list-style: none;
        }

        .color-picker-list-item {
            position: relative;
            display: inline-block;
            width: 19px;
            height: 19px;
            box-sizing: border-box;
            outline: none;
            line-height: 0;
        }

        .color-picker-rect {
            display: block;
            position: relative;
            width: 15px;
            height: 15px;
            margin: 2px;
            cursor: pointer;
        }

        .color-picker-rect.no-fill::after {
            content: '';
            display: block;
            position: absolute;
            top: 1px;
            left: 2px;
            width: 17px;
            height: 0;
            border-bottom: 1px solid #ff5151;
            transform-origin: 0 0;
            transform: rotate(45deg);
        }

        .btn-toolbar {
            margin: 3px 0 3px -5px;
        }
    </style>
    <link href="{% static 'teach/handsontable/handsontable.css' %}" rel="stylesheet"
          media="screen">
{% endblock %}
{% block content %}
    <div id="modifi" style="display: none"></div>
    {% if "teach:set_table" in request.rbac_permission_dict %}
        <div id="is_edit" style="display: none">1</div>
    {% else %}
        <div id="is_edit" style="display: none">0</div>
    {% endif %}
    <div style="display: none" id="table_id"></div>
    <div class="widget-box">
        <div class="widget-body">
            <div class="widget-toolbox">
                <div class="btn-toolbar">
                    <div data-toggle="buttons" class="btn-group fontStyle">
                        <label id="Weight" class="btn btn-default btn-white" data-rel="tooltip" data-placement="bottom"
                               title="加粗">
                            <i class="icon-only ace-icon fa fa-bold bigger-110"></i>
                        </label>
                        <label id="Font_style" class="btn btn-default btn-white" data-rel="tooltip"
                               data-placement="bottom" title="斜体">
                            <i class="icon-only ace-icon fa fa-italic bigger-110"></i>
                        </label>
                        <label id="Text_decoration" class="btn btn-default btn-white" data-rel="tooltip"
                               data-placement="bottom" title="下划线">
                            <i class="icon-only ace-icon fa fa-underline bigger-110"></i>
                        </label>
                    </div>

                    <div data-toggle="buttons" class="btn-group alignStyle">
                        <label id="htLeft" class="btn btn-default btn-white" data-rel="tooltip" data-placement="bottom"
                               title="左对齐">
                            <i class="icon-only ace-icon fa fa-align-left bigger-110"></i>

                            <input type="radio" value="1">
                        </label>
                        <label id="htCenter" class="btn btn-default btn-white" data-rel="tooltip"
                               data-placement="bottom"
                               title="居中对齐">
                            <i class="icon-only ace-icon fa fa-align-center bigger-110"></i>

                            <input type="radio" value="2">
                        </label>
                        <label id="htRight" class="btn btn-default btn-white" data-rel="tooltip" data-placement="bottom"
                               title="右对齐">
                            <i class="icon-only ace-icon fa fa-align-right bigger-110"></i>

                            <input type="radio" value="3">
                        </label>
                        <label id="htJustify" class="btn btn-default btn-white" data-rel="tooltip"
                               data-placement="bottom"
                               title="两端对齐">
                            <i class="icon-only ace-icon fa fa-align-justify bigger-110"></i>

                            <input type="radio" value="4">
                        </label>
                    </div>

                    <div data-toggle="buttons" class="btn-group alignStyle">
                        <label id="htTop" class="btn btn-default btn-white" data-rel="tooltip" data-placement="bottom"
                               title="顶端对齐">
                            <i class="glyphicon glyphicon-arrow-down"></i>


                        </label>
                        <label id="htMiddle" class="btn btn-default btn-white" data-rel="tooltip"
                               data-placement="bottom"
                               title="垂直居中">
                            <i class="glyphicon glyphicon-resize-vertical"></i>


                        </label>
                        <label id="htBottom" class="btn btn-default btn-white" data-rel="tooltip"
                               data-placement="bottom"
                               title="底端对齐">
                            <i class="glyphicon glyphicon-arrow-up"></i>


                        </label>
                    </div>

                    <div data-toggle="buttons" class="btn-group ColorStyle">
                        <div class="btn-group">
                            <label id="background" id="color" class="btn btn-default btn-white" data-rel="tooltip"
                                   data-placement="bottom"
                                   title="背景颜色">
                                <i class="glyphicon glyphicon-text-background"></i>
                            </label>
                            <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown"
                                    aria-haspopup="true" aria-expanded="false">
                                <span class="caret"></span>
                                <span class="sr-only">Toggle Dropdown</span>
                            </button>
                            <ul class="dropdown-menu">
                                <div class="color-set">
                                    <ul class="color-picker-list" style="width: 171px;">
                                        <li data-light="light" class="color-picker-list-item">
                                            <div class="color-picker-rect no-fill" data-light="light"></div>
                                        </li>
                                        <li class="color-picker-list-item">
                                            <div class="color-picker-rect" data-light="dark"
                                                 style="background: rgb(13, 0, 21);"></div>
                                        </li>
                                        <li class="color-picker-list-item">
                                            <div class="color-picker-rect" data-light="dark"
                                                 style="background: rgb(254, 44, 35);"></div>
                                        </li>
                                        <li class="color-picker-list-item">
                                            <div class="color-picker-rect" data-light="dark"
                                                 style="background: rgb(255, 153, 0);"></div>
                                        </li>
                                        <li class="color-picker-list-item">
                                            <div class="color-picker-rect" data-light="dark"
                                                 style="background: rgb(255, 217, 0);"></div>
                                        </li>
                                        <li class="color-picker-list-item">
                                            <div class="color-picker-rect" data-light="dark"
                                                 style="background: rgb(163, 224, 67);"></div>
                                        </li>
                                        <li class="color-picker-list-item">
                                            <div class="color-picker-rect" data-light="dark"
                                                 style="background: rgb(55, 217, 240);"></div>
                                        </li>
                                        <li class="color-picker-list-item">
                                            <div class="color-picker-rect" data-light="dark"
                                                 style="background: rgb(77, 168, 238);"></div>
                                        </li>
                                        <li class="color-picker-list-item">
                                            <div class="color-picker-rect" data-light="dark"
                                                 style="background: rgb(149, 111, 231);"></div>
                                        </li>
                                        <li class="color-picker-list-item">
                                            <div class="color-picker-rect" data-light="light"
                                                 style="background: rgb(243, 243, 244);"></div>
                                        </li>
                                        <li class="color-picker-list-item">
                                            <div class="color-picker-rect" data-light="light"
                                                 style="background: rgb(204, 204, 204);"></div>
                                        </li>
                                        <li class="color-picker-list-item">
                                            <div class="color-picker-rect" data-light="light"
                                                 style="background: rgb(254, 242, 240);"></div>
                                        </li>
                                        <li class="color-picker-list-item">
                                            <div class="color-picker-rect" data-light="light"
                                                 style="background: rgb(254, 245, 231);"></div>
                                        </li>
                                        <li class="color-picker-list-item">
                                            <div class="color-picker-rect" data-light="light"
                                                 style="background: rgb(254, 252, 217);"></div>
                                        </li>
                                        <li class="color-picker-list-item">
                                            <div class="color-picker-rect" data-light="light"
                                                 style="background: rgb(237, 246, 232);"></div>
                                        </li>
                                        <li class="color-picker-list-item">
                                            <div class="color-picker-rect" data-light="light"
                                                 style="background: rgb(230, 250, 250);"></div>
                                        </li>
                                        <li class="color-picker-list-item">
                                            <div class="color-picker-rect" data-light="light"
                                                 style="background: rgb(235, 244, 252);"></div>
                                        </li>
                                        <li class="color-picker-list-item">
                                            <div class="color-picker-rect" data-light="light"
                                                 style="background: rgb(240, 237, 246);"></div>
                                        </li>
                                        <li class="color-picker-list-item">
                                            <div class="color-picker-rect" data-light="light"
                                                 style="background: rgb(215, 216, 217);"></div>
                                        </li>
                                        <li class="color-picker-list-item">
                                            <div class="color-picker-rect" data-light="light"
                                                 style="background: rgb(165, 165, 165);"></div>
                                        </li>
                                        <li class="color-picker-list-item">
                                            <div class="color-picker-rect" data-light="light"
                                                 style="background: rgb(251, 212, 208);"></div>
                                        </li>
                                        <li class="color-picker-list-item">
                                            <div class="color-picker-rect" data-light="light"
                                                 style="background: rgb(255, 215, 185);"></div>
                                        </li>
                                        <li class="color-picker-list-item">
                                            <div class="color-picker-rect" data-light="light"
                                                 style="background: rgb(249, 237, 166);"></div>
                                        </li>
                                        <li class="color-picker-list-item">
                                            <div class="color-picker-rect" data-light="light"
                                                 style="background: rgb(212, 233, 214);"></div>
                                        </li>
                                        <li class="color-picker-list-item">
                                            <div class="color-picker-rect" data-light="light"
                                                 style="background: rgb(199, 230, 234);"></div>
                                        </li>
                                        <li class="color-picker-list-item">
                                            <div class="color-picker-rect" data-light="light"
                                                 style="background: rgb(204, 224, 241);"></div>
                                        </li>
                                        <li class="color-picker-list-item">
                                            <div class="color-picker-rect" data-light="light"
                                                 style="background: rgb(218, 213, 233);"></div>
                                        </li>
                                        <li class="color-picker-list-item">
                                            <div class="color-picker-rect" data-light="dark"
                                                 style="background: rgb(123, 127, 131);"></div>
                                        </li>
                                        <li class="color-picker-list-item">
                                            <div class="color-picker-rect" data-light="dark"
                                                 style="background: rgb(73, 73, 73);"></div>
                                        </li>
                                        <li class="color-picker-list-item">
                                            <div class="color-picker-rect" data-light="dark"
                                                 style="background: rgb(238, 121, 118);"></div>
                                        </li>
                                        <li class="color-picker-list-item">
                                            <div class="color-picker-rect" data-light="dark"
                                                 style="background: rgb(250, 165, 115);"></div>
                                        </li>
                                        <li class="color-picker-list-item">
                                            <div class="color-picker-rect" data-light="dark"
                                                 style="background: rgb(230, 179, 34);"></div>
                                        </li>
                                        <li class="color-picker-list-item">
                                            <div class="color-picker-rect" data-light="dark"
                                                 style="background: rgb(152, 192, 145);"></div>
                                        </li>
                                        <li class="color-picker-list-item">
                                            <div class="color-picker-rect" data-light="dark"
                                                 style="background: rgb(121, 198, 205);"></div>
                                        </li>
                                        <li class="color-picker-list-item">
                                            <div class="color-picker-rect" data-light="dark"
                                                 style="background: rgb(110, 170, 215);"></div>
                                        </li>
                                        <li class="color-picker-list-item">
                                            <div class="color-picker-rect" data-light="dark"
                                                 style="background: rgb(156, 142, 193);"></div>
                                        </li>
                                        <li class="color-picker-list-item">
                                            <div class="color-picker-rect" data-light="dark"
                                                 style="background: rgb(65, 70, 75);"></div>
                                        </li>
                                        <li class="color-picker-list-item">
                                            <div class="color-picker-rect" data-light="dark"
                                                 style="background: rgb(51, 51, 51);"></div>
                                        </li>
                                        <li class="color-picker-list-item">
                                            <div class="color-picker-rect" data-light="dark"
                                                 style="background: rgb(190, 26, 29);"></div>
                                        </li>
                                        <li class="color-picker-list-item">
                                            <div class="color-picker-rect" data-light="dark"
                                                 style="background: rgb(185, 85, 20);"></div>
                                        </li>
                                        <li class="color-picker-list-item">
                                            <div class="color-picker-rect" data-light="dark"
                                                 style="background: rgb(173, 114, 14);"></div>
                                        </li>
                                        <li class="color-picker-list-item">
                                            <div class="color-picker-rect" data-light="dark"
                                                 style="background: rgb(28, 114, 49);"></div>
                                        </li>
                                        <li class="color-picker-list-item">
                                            <div class="color-picker-rect" data-light="dark"
                                                 style="background: rgb(28, 120, 146);"></div>
                                        </li>
                                        <li class="color-picker-list-item">
                                            <div class="color-picker-rect" data-light="dark"
                                                 style="background: rgb(25, 67, 156);"></div>
                                        </li>
                                        <li class="color-picker-list-item">
                                            <div class="color-picker-rect" data-light="dark"
                                                 style="background: rgb(81, 27, 120);"></div>
                                        </li>
                                    </ul>
                                </div>
                            </ul>
                        </div>
                        <div class="btn-group">
                            {#                            <button type="button" class="btn btn-default" id="color"></button>#}
                            <label id="color" class="btn btn-default btn-white" data-rel="tooltip"
                                   data-placement="bottom"
                                   title="文本颜色">
                                <i class="glyphicon glyphicon-text-color"></i>
                            </label>
                            <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown"
                                    aria-haspopup="true" aria-expanded="false">
                                <span class="caret"></span>
                                <span class="sr-only">Toggle Dropdown</span>
                            </button>
                            <ul class="dropdown-menu">
                                <div class="color-set">
                                    <ul class="color-picker-list" style="width: 171px;">
                                        <li data-light="light" class="color-picker-list-item">
                                            <div class="color-picker-rect no-fill" data-light="light"></div>
                                        </li>
                                        <li class="color-picker-list-item">
                                            <div class="color-picker-rect" data-light="dark"
                                                 style="background: rgb(13, 0, 21);"></div>
                                        </li>
                                        <li class="color-picker-list-item">
                                            <div class="color-picker-rect" data-light="dark"
                                                 style="background: rgb(254, 44, 35);"></div>
                                        </li>
                                        <li class="color-picker-list-item">
                                            <div class="color-picker-rect" data-light="dark"
                                                 style="background: rgb(255, 153, 0);"></div>
                                        </li>
                                        <li class="color-picker-list-item">
                                            <div class="color-picker-rect" data-light="dark"
                                                 style="background: rgb(255, 217, 0);"></div>
                                        </li>
                                        <li class="color-picker-list-item">
                                            <div class="color-picker-rect" data-light="dark"
                                                 style="background: rgb(163, 224, 67);"></div>
                                        </li>
                                        <li class="color-picker-list-item">
                                            <div class="color-picker-rect" data-light="dark"
                                                 style="background: rgb(55, 217, 240);"></div>
                                        </li>
                                        <li class="color-picker-list-item">
                                            <div class="color-picker-rect" data-light="dark"
                                                 style="background: rgb(77, 168, 238);"></div>
                                        </li>
                                        <li class="color-picker-list-item">
                                            <div class="color-picker-rect" data-light="dark"
                                                 style="background: rgb(149, 111, 231);"></div>
                                        </li>
                                        <li class="color-picker-list-item">
                                            <div class="color-picker-rect" data-light="light"
                                                 style="background: rgb(243, 243, 244);"></div>
                                        </li>
                                        <li class="color-picker-list-item">
                                            <div class="color-picker-rect" data-light="light"
                                                 style="background: rgb(204, 204, 204);"></div>
                                        </li>
                                        <li class="color-picker-list-item">
                                            <div class="color-picker-rect" data-light="light"
                                                 style="background: rgb(254, 242, 240);"></div>
                                        </li>
                                        <li class="color-picker-list-item">
                                            <div class="color-picker-rect" data-light="light"
                                                 style="background: rgb(254, 245, 231);"></div>
                                        </li>
                                        <li class="color-picker-list-item">
                                            <div class="color-picker-rect" data-light="light"
                                                 style="background: rgb(254, 252, 217);"></div>
                                        </li>
                                        <li class="color-picker-list-item">
                                            <div class="color-picker-rect" data-light="light"
                                                 style="background: rgb(237, 246, 232);"></div>
                                        </li>
                                        <li class="color-picker-list-item">
                                            <div class="color-picker-rect" data-light="light"
                                                 style="background: rgb(230, 250, 250);"></div>
                                        </li>
                                        <li class="color-picker-list-item">
                                            <div class="color-picker-rect" data-light="light"
                                                 style="background: rgb(235, 244, 252);"></div>
                                        </li>
                                        <li class="color-picker-list-item">
                                            <div class="color-picker-rect" data-light="light"
                                                 style="background: rgb(240, 237, 246);"></div>
                                        </li>
                                        <li class="color-picker-list-item">
                                            <div class="color-picker-rect" data-light="light"
                                                 style="background: rgb(215, 216, 217);"></div>
                                        </li>
                                        <li class="color-picker-list-item">
                                            <div class="color-picker-rect" data-light="light"
                                                 style="background: rgb(165, 165, 165);"></div>
                                        </li>
                                        <li class="color-picker-list-item">
                                            <div class="color-picker-rect" data-light="light"
                                                 style="background: rgb(251, 212, 208);"></div>
                                        </li>
                                        <li class="color-picker-list-item">
                                            <div class="color-picker-rect" data-light="light"
                                                 style="background: rgb(255, 215, 185);"></div>
                                        </li>
                                        <li class="color-picker-list-item">
                                            <div class="color-picker-rect" data-light="light"
                                                 style="background: rgb(249, 237, 166);"></div>
                                        </li>
                                        <li class="color-picker-list-item">
                                            <div class="color-picker-rect" data-light="light"
                                                 style="background: rgb(212, 233, 214);"></div>
                                        </li>
                                        <li class="color-picker-list-item">
                                            <div class="color-picker-rect" data-light="light"
                                                 style="background: rgb(199, 230, 234);"></div>
                                        </li>
                                        <li class="color-picker-list-item">
                                            <div class="color-picker-rect" data-light="light"
                                                 style="background: rgb(204, 224, 241);"></div>
                                        </li>
                                        <li class="color-picker-list-item">
                                            <div class="color-picker-rect" data-light="light"
                                                 style="background: rgb(218, 213, 233);"></div>
                                        </li>
                                        <li class="color-picker-list-item">
                                            <div class="color-picker-rect" data-light="dark"
                                                 style="background: rgb(123, 127, 131);"></div>
                                        </li>
                                        <li class="color-picker-list-item">
                                            <div class="color-picker-rect" data-light="dark"
                                                 style="background: rgb(73, 73, 73);"></div>
                                        </li>
                                        <li class="color-picker-list-item">
                                            <div class="color-picker-rect" data-light="dark"
                                                 style="background: rgb(238, 121, 118);"></div>
                                        </li>
                                        <li class="color-picker-list-item">
                                            <div class="color-picker-rect" data-light="dark"
                                                 style="background: rgb(250, 165, 115);"></div>
                                        </li>
                                        <li class="color-picker-list-item">
                                            <div class="color-picker-rect" data-light="dark"
                                                 style="background: rgb(230, 179, 34);"></div>
                                        </li>
                                        <li class="color-picker-list-item">
                                            <div class="color-picker-rect" data-light="dark"
                                                 style="background: rgb(152, 192, 145);"></div>
                                        </li>
                                        <li class="color-picker-list-item">
                                            <div class="color-picker-rect" data-light="dark"
                                                 style="background: rgb(121, 198, 205);"></div>
                                        </li>
                                        <li class="color-picker-list-item">
                                            <div class="color-picker-rect" data-light="dark"
                                                 style="background: rgb(110, 170, 215);"></div>
                                        </li>
                                        <li class="color-picker-list-item">
                                            <div class="color-picker-rect" data-light="dark"
                                                 style="background: rgb(156, 142, 193);"></div>
                                        </li>
                                        <li class="color-picker-list-item">
                                            <div class="color-picker-rect" data-light="dark"
                                                 style="background: rgb(65, 70, 75);"></div>
                                        </li>
                                        <li class="color-picker-list-item">
                                            <div class="color-picker-rect" data-light="dark"
                                                 style="background: rgb(51, 51, 51);"></div>
                                        </li>
                                        <li class="color-picker-list-item">
                                            <div class="color-picker-rect" data-light="dark"
                                                 style="background: rgb(190, 26, 29);"></div>
                                        </li>
                                        <li class="color-picker-list-item">
                                            <div class="color-picker-rect" data-light="dark"
                                                 style="background: rgb(185, 85, 20);"></div>
                                        </li>
                                        <li class="color-picker-list-item">
                                            <div class="color-picker-rect" data-light="dark"
                                                 style="background: rgb(173, 114, 14);"></div>
                                        </li>
                                        <li class="color-picker-list-item">
                                            <div class="color-picker-rect" data-light="dark"
                                                 style="background: rgb(28, 114, 49);"></div>
                                        </li>
                                        <li class="color-picker-list-item">
                                            <div class="color-picker-rect" data-light="dark"
                                                 style="background: rgb(28, 120, 146);"></div>
                                        </li>
                                        <li class="color-picker-list-item">
                                            <div class="color-picker-rect" data-light="dark"
                                                 style="background: rgb(25, 67, 156);"></div>
                                        </li>
                                        <li class="color-picker-list-item">
                                            <div class="color-picker-rect" data-light="dark"
                                                 style="background: rgb(81, 27, 120);"></div>
                                        </li>
                                    </ul>
                                </div>
                            </ul>
                        </div>
                    </div>
                    <span id="ps" style="line-height: 24px;color: rgb(64,178,87)"></span>
                </div>
            </div>
            <div id="example1" style="position:absolute;right: 0;bottom:40px;left: -1px;top:76px"
                 class="handsontable htRowHeaders htColumnHeaders">
            </div>
            <div style="height: 35px;position:absolute;bottom:0;right: 0;left: -1px;background-color: #f7f7f7">
                <div id="sheet-tab" style="margin-left: 7px;">

                {% if "teach:add_sheet" in request.rbac_permission_dict  %}
                <div id="add-sheet" class="fa fa-plus-circle" aria-hidden="true"
                         style="display: inline-block;padding: 5px 10px "></div>
                {% endif %}


                    {% for foo in table_list %}
                        <div style="display: inline-block;">
                            <div class="btn-group dropup">


                                <button type="button" style="background:#f7f7f7"
                                        class="btn btn-default sheet-list sheet-name sheet-manu" id="{{ foo.id }}">
                                    <input class="rename-input" type="text" style="display:none">
                                    <span>{{ foo.name }}</span>
                                </button>


                                <button type="button" style="background:#f7f7f7"
                                        class="btn btn-default dropdown-toggle sheet-manu" data-toggle="dropdown"
                                        aria-haspopup="true" aria-expanded="false">
                                    <span class="caret"></span>
                                    <span class="sr-only">Toggle Dropdown</span>
                                </button>
                                <ul class="dropdown-menu">
                                    <li>
                                        <span class="del-sheet">删除</span>
                                    </li>
                                    <li><span class="rename">重命名</span></li>
                                </ul>
                            </div>
                        </div>
                    {% endfor %}


                </div>
            </div>
        </div>
    </div>
    <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
    <div style="margin:0 auto;width: 100px;height: 100px;margin-top: 200px">
        <img src="{% static 'loading.gif' %}" alt="" >
    </div>
    </div>
{% endblock %}
{% block js %}
    <script src="{% static 'jquery.cookie.js' %}"></script>
    <script src="{% static 'teach/handsontable/handsontable.full.min.js' %}"></script>
    <script src="{% static 'rbac/layer/layer.js' %}"></script>
    <script src="{% static 'teach/handsontable/zh-CN.js' %}"></script>
    <script src="{% static 'table.js' %}"></script>
{% endblock %}